<extend name="layout/index"/>
<block name="content">
			<!--轮播-->
			<div class="row">
					<div class="layui-carousel" id="test1" style="overflow: hidden;">
						<div carousel-item>
							<volist name="banner" id="vo">
							<div>
								<a href="{$vo.url}" target="_blank"><img src="{$vo.image}" alt="{$vo.title}" class="responsive"/></a>
							</div>
							</volist>
						</div>
					</div>
			</div>
			<!--用户人数-->
			<div class="row">
				<div id="number" class="col-xs-12 col-sm-12 col-lg-12">
					<div id="box">
						<div id="count"></div>
						<p>C端用户增加</p>
					</div>
					<div id="box">
						<div id="count2"></div>
						<p>B端用户增加</p>
					</div>
					<div id="box">
						<div id="count3"></div>
						<p>涉及行业</p>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
			<!--视频-->
			<div class="row" style="margin-bottom: 6%;">
				<div  class="col-lg-12 col-xs-12 col-sm-12">
					<div id="vigo" class="col-xs-12 col-lg-6 co-sm-6">
						<video width="100%" height="auto" controls="controls" autoplay="autoplay">
							<source src="{$about.video}" type="video/mp4"/>
							<object width="600" height="320" type="application/x-shockwave-flash" data="myvideo.swf">
							<param name="movie" value="myvideo.swf" />
							<param name="flashvars" value="autostart=true&amp;file=myvideo.swf" />
						</object> 当前浏览器不支持 video直接播放，点击这里下载视频：
							<a href="myvideo.webm">下载视频</a>
						</video>
					</div>
					<div id="gate" class="col-xs-12 col-lg-6 co-sm-6">
						<h1>{$about.title}</h1>
						<p>{$about.des}</p>
					</div>
				</div>
			</div>
			<!--切换图片-->
			<div class="pre_banner_3d">
				<div class="row">
					<div id="Service_case" class="col-xs-12 col-sm-12 col-lg-12">
						<h1>服务案例</h1>
						<p>我们用最专业的见解和最优质的产品设计，来满足你业务的全面需求</p>
					</div>
				</div>
				<div class="row">
					<div class="banner_tree col-xs-12 col-sm-12 col-lg-12">
						<div class="show_phone_s">
							<img class="img_phone" src="/static/index/images/phone-box.png" alt="">
						</div>
						<div class="left_btn color_font">&lt;</div>
						<div class="right_btn color_font">&gt;</div>
						<ul class="show_s_ui">
							<volist name="case" id="vo">
							<li>
								<img src="{$vo.image}" alt="">
							</li>
							</volist>
						</ul>
					</div>
				</div>
			</div>
			<!--后台模块-->
			<div id="introduction" class="row">
				{$about.content|raw}
			</div>

				</div>

				<div id="back2" class="col-xs-12 col-lg-7 co-sm-7" style="margin-bottom: 6%;">
					<img src="{$about.image}" alt="" id="pucture" />
				</div>
			</div>

	<script type="text/javascript">
		var is_weixin = (function(){return navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1})();
		function aa() {
			var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight; //兼容IOS，不需要的可以去掉
			var btn = document.getElementById('J_weixin');
			var tip = document.getElementById('weixin-tip');
			var close = document.getElementById('close');
			var browser={
				versions:function(){
					var u = navigator.userAgent, app = navigator.appVersion;
					return { //移动终端浏览器版本信息
						trident: u.indexOf('Trident') > -1, //IE内核
						presto: u.indexOf('Presto') > -1, //opera内核
						webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
						gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
						mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
						ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
						android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
						iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器
						iPad: u.indexOf('iPad') > -1, //是否iPad
						webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部
					};
				}(),
				language:(navigator.browserLanguage || navigator.language).toLowerCase()
			}
			if (is_weixin) {
				//ios终端
				tip.style.display = 'block';
				btn.onclick = function(e) {
					if(browser.versions.ios==true){
						window.location.href='{$about.iosurl}';
					}else{
						window.location.href='{$about.url}';
					}
					tip.style.height = winHeight + 'px'; //兼容IOS弹窗整屏
					tip.style.display = 'block';
					return false;
				}
				close.onclick = function() {
					tip.style.display = 'none';
				}
			}else{
				tip.style.display = 'none';
				btn.onclick = function(e) {
					if(browser.versions.ios==true){
						window.location.href='{$about.iosurl}';
					}else{
						window.location.href='{$about.url}';
						return false;
					}
				}
				if(browser.versions.ios==true){
					window.location.href='{$about.iosurl}';
				}else{
					window.location.href='{$about.url}';
					return false;
				}
			}
		}
		$("#count").numberRock({
			lastNumber:'{$about.ccount}',
			duration: 1200,
			easing: 'swing', //慢快慢
		});
		$("#count2").numberRock({
			lastNumber:'{$about.bcount}',
			duration: 1200,
			easing: 'swing', //慢快慢
		});
		$("#count3").numberRock({
			lastNumber: '{$about.dcount}',
			duration: 1200,
			easing: 'swing', //慢快慢
		});


	</script>
</block>